<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
	<!-- Prop 验证
	我们可以为组件的 prop 指定验证规则。如果传入的数据不符合要求，Vue 会发出警告。这对于开发给他人使用的组件非常有用。
	要指定验证规则，需要用对象的形式来定义 prop，而不能用字符串数组： -->
	<script type="text/javascript">
		Vue.component('example', {
		  props: {
		    // 基础类型检测 (`null` 指允许任何类型)
		    propA: Number,
		    // 可能是多种类型
		    propB: [String, Number],
		    // 必传且是字符串
		    propC: {
		      type: String,
		      required: true
		    },
		    // 数值且有默认值
		    propD: {
		      type: Number,
		      default: 100
		    },
		    // 数组/对象的默认值应当由一个工厂函数返回
		    propE: {
		      type: Object,
		      default: function () {
		        return { message: 'hello' }
		      }
		    },
		    // 自定义验证函数
		    propF: {
		      validator: function (value) {
		        return value > 10
		      }
		    }
		  }
		})
	</script>
</body>
</html>